<div id="contenedor" class="container"> 
    <div class="row-fliuid">
        <ul class="nav nav-tabs">
            <li class="active">
                <a>Agencias</a>
            </li>
            <li>
                <a href="otroscanales">Otros canales</a>
            </li>
        </ul>
    </div>
    <div id="canales" class="row-fluid">
        <div  class="span6 cont1">
            <div class="row-fluid titulo text-center">
                Agencias tradicionales <button id="botonAbrirModal" href="#modalAgregarAgenTradicional" data-toggle="modal" class="btn btn-primary btn-mini">Agregar</button>
            </div>
            <div class="row-fluid">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <td>Nombre</td>
                            <td>Valor de comisión (%)</td>
                            <td>Comisión anticipada</td>
                            <td>Eliminar</td>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($agenciasTradicionales as $row) { ?>
                            <tr>
                                <td><?= $row->nombre ?></td>
                                <td><?= $row->valor ?>%</td>
                                <td><?php echo ($row->comision_anticipada == 1) ? "Si" : "No"; ?></td>
                                <td><button title="Eliminar" href="#modalEliminarAgen" data-toggle="modal"  class="btn btn-danger btn-mini eliminar" data-idagencia="<?= $row->id_agencia ?>"><i class="icon-remove icon-white"></i></button></td>
                            </tr>
                        <?php } ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="span6 cont1">
            <div class="row-fluid titulo text-center">
                Agencias online (OTAs) <button id="botonAbrirModal2" href="#modalAgregarAgenOnline" data-toggle="modal" class="btn btn-primary btn-mini">Agregar</button>
            </div>
            <div class="row-fluid">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <td>Nombre</td>
                            <td>Valor de comisión (%)</td>
                            <td>Comisión anticipada</td>
                            <td>Eliminar</td>
                        </tr>
                    </thead>
                    <tbody>
                        <?php foreach ($agenciasOnline as $row) { ?>
                            <tr>
                                <td><?= $row->nombre ?></td>
                                <td><?= $row->valor ?>%</td>
                                <td><?php echo ($row->comision_anticipada == 1) ? "Si" : "No"; ?></td>
                                <td><button title="Eliminar" href="#modalEliminarAgen" data-toggle="modal" class="btn btn-danger btn-mini eliminar" data-idagencia="<?= $row->id_agencia ?>"><i class="icon-remove icon-white"></i></button></td>
                            </tr>
                        <?php } ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div id="modalAgregarAgenTradicional" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Nueva agencia tradicional</h3>
    </div>
    <form id="formAgregarAgenTradicional" action="canales/crearCanal" method="POST" class="formBlockDisplay">
        <input name="tipo" type="hidden" value="tradicional" required>
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span5 text-right">Nombre:</div>
                <div class="span7"><input name="nombre" type="text" required></div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Valor de comisión (%):</div>
                <div class="span7"><input name="valorComision" type="text" class="money" required></div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Comisión anticipada: <a title="Indique comisión anticipada si la agencia o canal de venta realiza el cobro de la comisión antes de que el huésped ingrese al hotel">?</a></div>
                <div class="span7">
                    <label class="radio">
                        <input type="radio" name="comisionAnticipada" value="true" required>
                        Si
                    </label>
                    <label class="radio">
                        <input type="radio" name="comisionAnticipada" value="false" required> 
                        No
                    </label>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>



<div id="modalAgregarAgenOnline" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Nueva agencia online</h3>
    </div>
    <form id="formAgregarAgenOpcional" action="canales/crearcanal" method="POST" class="formBlockDisplay">
        <input name="tipo" type="hidden" value="online" required>
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span5 text-right">Nombre:</div>
                <div class="span7">
                    <select name="nombre" required>
                        <option value="">Seleccionar...</option>
                        <?php foreach ($listadoAgenciasOnline as $row) { ?>
                            <option value="<?= $row->id_agencia_online ?>"><?= $row->nombre ?></option>
                        <?php } ?>
                    </select>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Valor de comisión (%):</div>
                <div class="span7"><input  name="valorComision" type="text" class="money" required></div>
            </div>
            <div class="row-fluid">
                <div class="span5 text-right">Comisión anticipada: <a title="Indique comisión anticipada si la agencia o canal de venta realiza el cobro de la comisión antes de que el huésped ingrese al hotel">?</a></div>
                <div class="span7">
                    <label class="radio">
                        <input type="radio" name="comisionAnticipada" value="true" required>
                        Si
                    </label>
                    <label class="radio">
                        <input type="radio" name="comisionAnticipada" value="false" required> 
                        No
                    </label>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>

<div id="modalEliminarAgen" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Eliminar agencia tradicional</h3>
    </div>
    <form id="formAgregarAgenTradicional" action="canales/eliminarCanal" method="POST" class="formBlockDisplay">
        <div class="modal-body">
            <input id="idAgencia" name="idAgencia" type="hidden" value="tradicional" required>
            ¿Esta seguro de eliminar está agencia?
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </div>
    </form>
</div>